import { useLoad } from '@tarojs/taro';
import { View, Text } from '@tarojs/components';
import cssModule from './index.module.scss';

/**
 * @description 登录tip
 * @author Shawn
 */

interface DefaultPageProps {
  defaultName?: string; // 默认文案
  btnName?: string; // 按钮文案
  isShowBtn?: boolean; // 是否显示按钮
  clickBtn?: () => void; // 点击按钮的回调
}

export default function PersonCompleteTip({
  defaultName = '请完善基本信息',
  btnName = '去完善',
  isShowBtn = true,
  clickBtn,
}: DefaultPageProps) {

  useLoad(() => {
    console.log('Page loaded.');
  });

  return (
    <View className={cssModule.container}>
      <View className={cssModule.leftBox}>
        <View className={cssModule.userBox}>
          <View className={cssModule.userIcon}>
            <Text>?</Text>
          </View>
          <Text className={cssModule.userName}>{defaultName}</Text>
        </View>
        <Text className={cssModule.remaining}>
          完善基本信息后系统将提升您的需求/资源曝光度!
        </Text>
      </View>
      {isShowBtn && clickBtn && (
        <View className={cssModule.activationBtn} onClick={clickBtn}>
          <Text>{btnName}</Text>
        </View>
      )}
    </View>
  );
}
